<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据分析 - 地下水位</title>
    <link href="./resources/bootstrap.min.css" rel="stylesheet">
    <link rel="Shortcut Icon" type="image/ico" href="https://slope-pisapro.my.qxwz.com/qxwz.ico">
    <link rel="stylesheet" href="./resources/init.css">
    <link rel="stylesheet" href="./resources/index.css">
    <link rel="stylesheet" href="./resources/pointtype.css">
    <link href="./resources/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./resources/common.css">
    <link rel="stylesheet" href="./resources/layui/css/layui.css">
    <script src="./resources/jquery.min.js"></script>
    <script src="./resources/bootstrap.min.js"></script>
    <script src="./resources/jquery.cookie.js"></script>
    <script src="./resources/functions.js"></script>
    <!--jQuery Cookie-->
    <script src="./resources/jquery.cookie.js"></script>
    <script src="./resources/basefunction.js"></script>
    <script src="./resources/layui/layui.all.js"></script>
    <!--本地indexDB储存-->
    <script type="text/javascript" src="./resources/Storage.js"></script>
    <!--时间轴-->
    <script src="./resources/moment.min.js"></script>
    <script src="./resources/vis.js"></script>
    <!--上传文件-->
    <script src="./resources/prettify.js"></script>
    <script src="./resources/swfobject.js"></script>
    <script src="./resources/uploadify.js"></script>
    <!--消息弹出框layer-->
    <script src="./resources/layer.js"></script>
    <link rel="stylesheet" href="./resources/layer.css" id="layuicss-skinlayercss">
    <script src="./resources/laypage.js"></script>
    <!--时间选择器-->
    <script src="./resources/daterangepicker.js"></script>
    <link href="./resources/bootstrap-colorpicker.min.css" rel="stylesheet">
    <link href="./resources/cropper.min.css" rel="stylesheet">
    <link href="./resources/custom.min.css" rel="stylesheet">
    <!--图片查看器-->
    <link href="./resources/jquery.magnify.css" rel="stylesheet">
    <script src="./resources/jquery.magnify.js"></script>
    <!--table-->
    <script src="./resources/bootstrap-table.min.js"></script>
    <script src="./resources/bootstrap-table-zh-CN.min.js"></script>
    <!--chart部分-->
    <script src="./resources/echarts.min.js"></script>
    <!--chart部分-->
    <script type="text/javascript" src="./resources/highcharts.js"></script>
    <script type="text/javascript" src="./resources/highcharts-more.js"></script>
    <script type="text/javascript" src="./resources/highcharts-zh_CN.js"></script>
    <script type="text/javascript" src="./resources/windbarb.js"></script>
    <script src="./resources/exporting.js"></script>
    <script src="./resources/annotations.js"></script>
    <!--事件绑定-->
    <script src="./resources/eventbinding.js"></script>
    <!--拖拽-->
    <script src="./resources/drag-arrange.js"></script>
    <script src="./resources/drag.js"></script>
    <link rel="stylesheet" href="./resources/jquery-ui.min.css">
    <script src="./resources/jquery-ui.min.js"></script>
    <script src="./resources/DataAnalysis.js"></script>
    <script src="./resources/wind_dataanalysis.js"></script>
    <script type="text/javascript" src="./resources/vue.js"></script>
    <script type="text/javascript" src="./resources/axios.min.js"></script>
    <link id="layuicss-laydate" rel="stylesheet" href="./resources/laydate.css" media="all">
    <link id="layuicss-layer" rel="stylesheet" href="./resources/layer(1).css" media="all">
    <link id="layuicss-skincodecss" rel="stylesheet" href="./resources/code.css" media="all">
    <link rel="stylesheet" href="./css/groundwaterLevel.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div style="width:100%;bottom:0;">
        <div class="mainCont data_analyze" style="padding:0;left:0">
            <div class="mainPosition">
                 <!-- div1 -->
                <div class="newwindowcontent row" style="margin-left:20px;margin-right:20px">
                 <!-- <div class="newwindowhead  title clearfix" >
                    <span>传感器</span>
                    <select id="ChartTableSelect" onchange="getAllData()"></select>
                </div> -->
                    <div class="analyzeDataMonitor col-lg-6" id="speedratewindow">
                        <div class="newwindowhead  title clearfix">
                            <span>地下水位数据分析</span>
                            <a class="newwindowico refreshico ico ico-refresh-gray"></a>
                            <div class="input-self">
                                <select onchange="chart1SensorSelectChange()" id="Chart1Select"></select>
                            </div>
                            <div class="timefiltercontent timeControl cycle" >
                                <a href="javascript:void(0);" onclick="GetAnalysisWindowFiterTimes('chart1_time', 'd', false);getWaterLevel()" data-type="d" data-zjobj="chart1_time" class="active" >今天</a>
                                <a href="javascript:void(0);" onclick="GetAnalysisWindowFiterTimes('chart1_time', 'w', false);getWaterLevel()" data-type="w" data-zjobj="chart1_time">一周</a>
                                <a href="javascript:void(0);" onclick="GetAnalysisWindowFiterTimes('chart1_time', 'm', false);getWaterLevel()" data-type="m" data-zjobj="chart1_time" >一月</a>
                                <div class="input-prepend input-group" id="chart1TimeControl">
                                    <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                    <input type="text" name="reservation" id="chart1_time" class="form-control"  value="">
                                </div>
                            </div>
                        </div>
                        <div class="newwindowbody newwindowchart stasticscontentdiv" id="chart1" data-highcharts-chart="14" style="height:392px;overflow: hidden;">
                            
                        </div>
                    </div>
                    <div class="analyzeDataMonitor col-lg-6" id="speedratewindow">
                        <div class="newwindowhead  title clearfix">
                            <span>时间段对比分析</span>
                            <a class="newwindowico refreshico ico ico-refresh-gray"></a>
                            <div class="input-self">
                                <select onchange="chart2SensorSelectChange()" id="Chart2Select"></select>
                            </div>
                            <div class="timefiltercontent timeControl cycle">
                                <div class="input-prepend input-group" id="chart2TimeControl">
                                    <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                    <input type="text" name="reservation" id="chart2_time1" class="form-control"  value="" style="width: 120px;">
                                    <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                    <input type="text" name="reservation" id="chart2_time2" class="form-control"  value="" style="width: 120px;">
                                </div>
                            </div>
                        </div>
                        <div class="newwindowbody newwindowchart stasticscontentdiv" id="chart2" data-highcharts-chart="16" style="height:392px;overflow: hidden;">
                           
                        </div>
                    </div>
                </div>
                <!-- div2 -->
                <div class="newwindowcontent row" style="margin-left:20px;margin-right:20px">
                    <div class="analyzeDataMonitor col-lg-12" id="speedratewindow">
                        <div class="newwindowhead  title clearfix">
                            <span>多时间段对比分析</span>
                            <a class="newwindowico refreshico ico ico-refresh-gray" onclick="getChart3Data()"></a>
                            <div class="input-self">
                                <select onchange="chart3SensorSelectChange()" id="Chart3Select"></select>
                            </div>
                        </div>
                        <div class="newwindowhead  title clearfix" style="border-bottom: none !important;">
                            <div class="timefiltercontent timeControl cycle chartTime3">
                                <a href="javascript:void(0);" onclick="GetChart3Times('chart3_time1','chart3_time2','d');getChart3Data()" data-type="d" data-zjobj="chart3_time" class="active">今天</a>
                                <a href="javascript:void(0);" onclick="GetChart3Times('chart3_time1','chart3_time2', 'w');getChart3Data()" data-type="w" data-zjobj="chart3_time">一周</a>
                                <a href="javascript:void(0);" onclick="GetChart3Times('chart3_time1','chart3_time2', 'm');getChart3Data()" data-type="m" data-zjobj="chart3_time" >一月</a>                                
                                <div class="input-prepend input-group" id="chart2TimeControl">
                                    <span class="add-on input-group-addon"><span style="margin: 2px 15px 2px 0px;">A时间起点：</span><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                    <input type="text" name="reservation" id="chart3_time1" class="form-control"  value="" style="width: 120px;">
                                    <span class="add-on input-group-addon"><span style="margin: 2px 15px 2px 0px;">B时间起点：</span><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                    <input type="text" name="reservation" id="chart3_time2" class="form-control"  value="" style="width: 120px;">
                                </div>
                                
                            </div>
                        </div>
                        <div class="newwindowbody newwindowchart stasticscontentdiv" id="chart3" data-highcharts-chart="16" style="height:392px;overflow: hidden;">
                           
                        </div>
                    </div>
                </div>
                <!-- table -->
                <div class="newwindowcontent row" style="margin-left:20px;margin-right:20px">
                    <div class="analyzeDataMonitor col-lg-12" id="speedratewindow">
                        <div class="newwindowhead  title clearfix">
                            <span>地下水位最新数据监测</span>
                            <a class="newwindowico refreshico ico ico-refresh-gray" onclick="getTableData()"></a>
                            <div class="input-self">
                                <select onchange="tableSelectChange()" id="tableSelect"></select>
                            </div>
                            <!-- <div id="exportData" class="pull-right"><a class="ico ico-preview-gray" href="javascript:;" title="数据导出"></a></div> -->
                            <div class="timefiltercontent timeControl cycle" style="display: inline;">
                                <a href="javascript:void(0);" onclick="GetAnalysisWindowFiterTimes('lastTime', 'd', false);getTableData()" data-type="d" data-zjobj="lastTime" class="active">今天</a>
                                <a href="javascript:void(0);" onclick="GetAnalysisWindowFiterTimes('lastTime', 'w', false);getTableData()" data-type="w" data-zjobj="lastTime">一周</a>
                                <a href="javascript:void(0);" onclick="GetAnalysisWindowFiterTimes('lastTime', 'm', false);getTableData()" data-type="m" data-zjobj="lastTime" >一月</a>
                                <div class="input-prepend input-group" id="lastTimeControl">
                                    <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                    <input type="text" name="reservation" id="lastTime" class="form-control"  value="">
                                </div>
                            </div>
                        </div>
                        <div class="newwindowbody newwindowchart stasticscontentdiv" style="height: auto">
                            <table class="layui-table" id="idTest" lay-filter="test" style="margin-top:0px !important;width: 100%;">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/groundwaterLevel2.js"></script>
</html>